<template>
  <div class="home">
    <!-- {{collectionName}} : {{readerNumber}} {{book.title}} -->
    111
    <HelloWorld></HelloWorld>

    <About :level="curLevel">I'm About Page</About>
  </div>
</template>

<script>
import { onMounted } from 'vue'
import HelloWorld from '../components/HelloWorld.vue'

import About from './About.vue'

export default {
  props: {
  },
  setup (props, context) {
    onMounted(() => {
      console.log('onMounted')
    })
  },
  components: {
    HelloWorld,
    About
  },
  mounted () {
    console.log('------start mounted')
  },
  data () {
    return {
      curLevel: 4
    }
  }
}
</script>
